.container {
    padding: 15px 20px 0px;
    .section {
      width: 100%;
      &-title {
        font-size: 24px;
        font-weight: bold;
        line-height: 70px;
        padding-left: 25px;
      }
      &-toolbar {
        text-align: right;
        padding-right: 25px;
        margin-top: 19px;
      }
      &-card {
        margin: 10px 0;
        & /deep/ .el-card__body {
          padding: 15px 20px 10px;
        }
        & /deep/ .el-card__header{
            padding: 15px 20px 10px;
            border-bottom:0px;
        }
        &-toolbar{
          float: right;
        }
        .el-col {
          text-align: center;
          .user {
            font-size: 32px;
            color: #03A9F4;
          }
          .menber {
            font-size: 32px;
            color: #FF9800;
          }
          .number {
            color: #303133;
            font-size: 28px;
          }
          .compare {
            font-size: 14px;
            .key {
              color: #f56c6c;
            }
          }
          p {
            font-size: 16px;
            line-height: 1.7;
            color: #909399;
          }
        }
        .echart {
          &-title {
            font-size: 18px;
            font-weight: bold;
            line-height: 1.5;
          }
          &-time {
            font-size: 14px;
            color: #909399;
            padding-left: 10px;
            line-height: 1.5;
          }
          &-toolbar{
              float: right;
              margin-top: -18px;
          }
          &-body{
              height: 320px;
              width: 100%;
          }
        }
      }
    }
    .w{
      &-240{
      width: 240px;
    }
    &-120{
      width: 120px;
    }
    &-80{
      width: 80px;
    }
  }
  }
  .menu{
    width: 100%;
    &-open{
      width:99%;
    }
  }